<script setup lang="ts">
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup

import { onMounted } from "vue";

onMounted(() => { });
</script>

<template>
  <router-view></router-view>
</template>

<style>
#app {
  height: 100%;
}

ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

html,
body {
  min-width: 100%;
  min-height: 100%;
  height: 100%;
  width: 100%;
}

body {
  margin: 0;
  padding: 0;
}

.el-dialog__header {
  width: 200px;
  background: linear-gradient(-45deg, transparent, 50px, rgb(50, 126, 222) 0)
    bottom right;
  display: flex;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
}
.el-dialog__title {
  color: white;
  font-size: 0.9em;
}
.el-dialog__headerbtn {
  top: calc(4px + 0.3em);
}
.el-dialog__body {
  padding-bottom: 10px;
}



</style>
